<template>
  <div class="map-list-wrapper">
    <div class="left-map">
      <Map />
      <SelectSearch />
    </div>
    <div class="right-list"></div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import Map from '@/components/admin/map'
import SelectSearch from '@/components/admin/SelectSearch'
export default Vue.extend({
  components: { Map, SelectSearch },
  layout: 'client-only',
  data() {
    return {}
  },
  head: {
    title: '投资地图',
  },
  mounted() {
    console.log('投资地图')
  },
})
</script>
<style lang="scss" scoped>
.map-list-wrapper {
  display: flex;
  height: 100%;
  .left-map {
    flex: 1;
    position: relative;
  }

  .right-list {
    width: 400px;
    background-color: #ff0;
  }
}
</style>
